<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{commons/public::common-public}">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
</head>
<body>
<!--图标-->

<div class="container-fluid">
  <div class="row">
    <div class="col-md-2 justify-content-between cbl" th:include="~{commons/header::common-header}" style="margin:0;padding:0;">
    </div>
    <!-- 右部分 -->
    <div class="col-md-10 bg2">
      <div class="content2">
        <div class="search">
          <nav class="navbar navbar-expand-lg bg-#000000" data-bs-theme="dark">
            <div class="container-fluid">
              <a class="navbar-brand" href="#">YUEDU</a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link" href="#">阅读统计</a>
                  </li>

                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="article-manager.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      评分统计
                    </a>
                  </li>

                </ul>
                <form class="d-flex" role="search">
                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                  <button class="btn btn-outline-success" type="submit">Search</button>
                </form>
              </div>
            </div>
          </nav>
        </div>
        <!-- 主要内容 -->
        <div class="main col-md-12 justify-content-center" style=";height: 800px;background-color: rgba(211, 222, 189, 0.5); ">
          <div class="container mt-5">
            <h2 class="text-center">全部学生列表</h2>

            <!-- 年级列表 -->
            <div class="row">
              <div class="col-md-2">
                <h2>年级</h2>
                <div class="dropdown">
                  <button class="btn btn-secondary dropdown-toggle" type="button" id="gradeDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    选择年级
                  </button>
                  <div class="dropdown-menu" aria-labelledby="gradeDropdown">
                    <div class="dropdown-submenu">
                      <a class="dropdown-item dropdown-toggle" href="#">一年级</a>
                      <ul class="dropdown-menu">
                        <a class="dropdown-item" href="#">一班</a>
                        <a class="dropdown-item" href="#">二班</a>
                        <a class="dropdown-item" href="#">三班</a>
                        <!-- 添加更多班级 -->
                      </ul>
                    </div>
                    <div class="dropdown-submenu">
                      <a class="dropdown-item dropdown-toggle" href="#">二年级</a>
                      <ul class="dropdown-menu">
                        <a class="dropdown-item" href="#">一班</a>
                        <a class="dropdown-item" href="#">二班</a>
                        <a class="dropdown-item" href="#">三班</a>
                        <!-- 添加更多班级 -->
                      </ul>
                    </div>
                    <div class="dropdown-submenu">
                      <a class="dropdown-item dropdown-toggle" href="#">三年级</a>
                      <ul class="dropdown-menu">
                        <a class="dropdown-item" href="#">一班</a>
                        <a class="dropdown-item" href="#">二班</a>
                        <a class="dropdown-item" href="#">三班</a>
                        <!-- 添加更多班级 -->
                      </ul>
                    </div>
                    <a class="dropdown-item" href="#">四年级</a>
                    <a class="dropdown-item" href="#">五年级</a>
                    <!-- 添加更多年级 -->
                  </div>
                </div>
              </div>



              <!-- 班级列表 -->
              <div class="col-md-9">
                <h2>班级</h2>
                <table class="table">
                  <thead>
                  <tr>
                    <th>班级名称</th>
                    <th>学生姓名</th>
                    <th>学号</th>
                    <th>阅读书目</th>
                    <th>完成进度</th>
                    <th>操作</th>
                  </tr>
                  <tr th:each="a:${msg}">
                    <td th:text="${msg}"></td>
                    <td th:text="${msg}"></td>
                    <td th:text="${msg}"></td>
                    <td th:text="${msg}"></td>
                    <td th:text="${msg}"></td>
                    <td>
                      <a th:href="@{/user/view(id=${a.ArticleID})}" class="btn btn-success btn-sm">查看</a>
                      <a th:href="@{/user/update(id=${a.ArticleID})}" class="btn btn-warning btn-sm">修改</a>
                      <a th:href="@{/user/delete(id=${a.ArticleID})}" onclick="return confirm('确定要删除吗')" class="btn btn-danger btn-sm">删除</a>
                    </td>
                  </tr>
                  </thead>

                </table>
              </div>
            </div>
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
